<!--

    DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.

    Copyright (c) 1997-2010 Oracle and/or its affiliates. All rights reserved.

    The contents of this file are subject to the terms of either the GNU
    General Public License Version 2 only ("GPL") or the Common Development
    and Distribution License("CDDL") (collectively, the "License").  You
    may not use this file except in compliance with the License.  You can
    obtain a copy of the License at
    https://glassfish.dev.java.net/public/CDDL+GPL_1_1.html
    or packager/legal/LICENSE.txt.  See the License for the specific
    language governing permissions and limitations under the License.

    When distributing the software, include this License Header Notice in each
    file and include the License file at packager/legal/LICENSE.txt.

    GPL Classpath Exception:
    Oracle designates this particular file as subject to the "Classpath"
    exception as provided by Oracle in the GPL Version 2 section of the License
    file that accompanied this code.

    Modifications:
    If applicable, add the following below the License Header, with the fields
    enclosed by brackets [] replaced by your own identifying information:
    "Portions Copyright [year] [name of copyright owner]"

    Contributor(s):
    If you wish your version of this file to be governed by only the CDDL or
    only the GPL Version 2, indicate your decision by adding "[Contributor]
    elects to include this software in this distribution under the [CDDL or GPL
    Version 2] license."  If you don't indicate a single choice of license, a
    recipient has the option to distribute your version of this file under
    either the CDDL, the GPL Version 2 or to extend the choice of license to
    its licensees as provided above.  However, if you add GPL Version 2 code
    and therefore, elected the GPL Version 2 license, then the option applies
    only if the new code is made subject to such option by the copyright
    holder.

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:gn="http://java.sun.com/jsf/demo/guessnumber">
<f:view contentType="text/html"/>
<h:head>
    <title>GuessNumber 2.0</title>
</h:head>
<h:body bgcolor="white">
    <h:form id="helloForm">
        <h2>
            #{userNumberBean.greeting}
        </h2>
        <img src="#{resource['images/wave.med.gif']}" alt="Hello!"/>
        <h:inputText id="userNo" label="User Number" required="true"
                     value="#{userNumberBean.userNumber}">
            <gn:validator minimum="#{userNumberBean.minimum}"
                          maximum="#{userNumberBean.maximum}"/>
            <f:convertNumber type="number" integerOnly="true"/>
        </h:inputText>
        <h:commandButton id="submit" action="response?faces-redirect=true" value="Guess!"/>
        <p/>
        <h:outputStylesheet name="css/styles.css"/>
        <h:message showSummary="true" showDetail="false"
                   errorClass="error"
                   id="errors1" for="userNo"/>

    </h:form>

    <hr/>
    <p id="about">
        Take a quick look at the Facelet page.  Notice that there is no script
        or link references as children of &lt;h:head&gt;.  These resources
        leverage the new event system introduced in JSF 2.0.
    </p>
    <p>
        The script resource is generated when the Validator is added to the
        UIInput.  The external stylesheet reference is referenced by Facelet tag
        within the form, but is utimately rendered in the head.
    </p>
    <p>
        Now, enter a non-digit character into the input field and change focus.
        Notice a JS Alert is present stating the input is not correct.
        The inputText definition in the Facelet page has no onmouseout definiton,
        but the generated source does.  This is accomplished by the custom Validator
        listening for a BeforeRenderEvent being triggered by the inputText component.
        When the Validator listener method is invoked, it adds the necessary javascript
        information to the input component.
    </p>
    <p>
        The resource system is put to work in other ways as well.  Notice that in
        the Facelet pages, the image URLs are generated via expressions instead of
        graphicImage components. 
    </p>
</h:body>
</html>  
